<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="../dist/static/vue.js"></script>

  <title>上车指南</title>
</head>
<body>
  <div id="app">
      <h5>路由不迷路系列</h5>
      <ul>
        <li v-for="(item,index) in list" :key="index">
          <a :href="item.url"> {{item.name}}</a>
        </li>
      </ul>
  </div>
</body>
<script>
  new Vue({
    el:'#app',
    data(){
      return {
        list:[{
          name:'基本用法',
          url:'basic/'
        },
        {
          name:'页面跳转',
          url:'goTo/'
        },
        {
          name:'生命周期',
          url:'life/'
        },
        {
          name:'全局配置',
          url:'config/'
        }]
      }
    }
  })
</script>
</html>
